---
layout: '@/layouts/DocsLayout.astro'
title: Introduction
description: An overview of Bootstrap Table Vue Component, how to install and what's includes vue files.
group: vuejs
toc: true
---

We have a Bootstrap Table Component for [Vue.js 3.0+](https://vuejs.org), and it should be able to work with the full [API](/docs/api/), the full [extensions](/extensions/) and the full [CSS frameworks](/themes/).

## Installation

### Dependencies

* [Vue.js](https://vuejs.org) (3.0+)
* [jQuery](http://jquery.com)

### NPM

Install and manage Bootstrap table's CSS, JavaScript, locales, and extensions using [npm](https://www.npmjs.com/package/bootstrap-table).

```bash
npm install bootstrap-table
```

### CDNJS

The folks over at [CDNJS](https://cdn.jsdelivr.net/npm/bootstrap-table@[[config:currentVersion]]/dist/) graciously provide CDN support for CSS and JavaScript of Bootstrap table. Just use these links.

```html
https://cdn.jsdelivr.net/npm/bootstrap-table@[[config:currentVersion]]
```

## Build Files

`dist/` folder includes the following vue component files:

```plaintext
bootstrap-table/
└── dist/
    ├── bootstrap-table-vue.js
    └── bootstrap-table-vue.umd.js
```

* **bootstrap-table-vue.js:** ES module builds are intended for use with modern bundlers like [webpack](https://webpack.js.org/) or [vitejs](http://vitejs.dev/).
* **bootstrap-table-vue.umd.js** UMD builds can be used directly in the browser via a `<script>` tag.
